// 这里可以添加一些简单的交互逻辑，例如点击"去看看"按钮跳转到详情页等
document.querySelectorAll('.item button').forEach(button => {
    button.addEventListener('click', () => {
        alert('查看详细信息');
    });
});

// 添加导航栏悬停效果
document.querySelectorAll('.navbar a').forEach(link => {
    link.addEventListener('mouseenter', function() {
        this.style.backgroundColor = 'rgba(255, 255, 255, 0.2)';
        this.style.padding = '10px 15px';
        this.style.borderRadius = '5px';
    });
    
    link.addEventListener('mouseleave', function() {
        this.style.backgroundColor = '';
        this.style.padding = '';
        this.style.borderRadius = '';
    });
});

// 添加分类菜单悬停效果
document.querySelectorAll('.category-menu a').forEach(link => {
    link.addEventListener('mouseenter', function() {
        if (!this.textContent.includes('TOP热点')) {
            this.style.backgroundColor = '#ddd';
            this.style.color = '#000';
        }
    });
    
    link.addEventListener('mouseleave', function() {
        if (!this.textContent.includes('TOP热点')) {
            this.style.backgroundColor = '#f5f5f5';
            this.style.color = '#333';
        }
    });
});

// 添加图片容器悬停效果
document.querySelectorAll('.image-container, .item').forEach(item => {
    item.addEventListener('mouseenter', function() {
        this.style.transform = 'translateY(-5px)';
        this.style.transition = 'transform 0.3s ease';
    });
    
    item.addEventListener('mouseleave', function() {
        this.style.transform = 'translateY(0)';
    });
});